<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/bootstrap.min.css">
    <script src="./jquery.js"></script>
    <script src="./js/vue2.6.10.js"></script>
    <script src="./js/vue-router.js"></script>
    <link rel="stylesheet" href="./bootstrap-3.3.7-dist/swiper-5.4.5/package/css/swiper.min.css">
</head>
<style>
     *{
        padding: 0;
        margin: 0;
    }
    /* p {
        border-top: 1px dashed;
        line-height: 30px;
        color: #666666;
        margin-left: 2em;
    }
    .row{
        height: 100%;
        width: 100%;
    } */
    /* .swiper-container {
      width: 100%;
      height: 100%;
    }  */
    html, body {
      position: relative;
      height: 100%;
    }
    body {
      background: #eee;
      font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
      font-size: 14px;
      color:#000;
      margin: 0;
      padding: 0;
    }
    .swiper-container {
      width: 100%;
      height: 100%;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	  transition: 300ms;
	  transform: scale(0.8);
    }
	.swiper-slide-active,.swiper-slide-duplicate-active{
      transform: scale(1);
	}
</style>

<body>
    <!-- <div id="q">
        <div class="row">
            <div class="col-xs-4 col-sm-3 col-md-2">
                <p>“所谓的东荒六大圣地之一的太玄圣地，就是这样的嘴脸吗?仗势欺人，趋炎附势，硬生生把自己的女儿往火坑里推?“</p>
                <p>“从始至终，也都没问一声太玄圣女自己是否愿意?今日我就要替她讨回这个公道。”</p>
                <p>“这太玄圣地的弟子名分，如今我不要也罢。”</p>
                <p>“但还请太玄圣地记住，今日之耻，他日我叶尘必将如数奉还。”</p>
                <p>辉煌的大殿之中，声音很嘈杂，站着很多人。</p>
                <p>此时，一名面容清秀、带着不屈之色的坚毅少年，正紧握双拳，发出自己不甘的怒吼。</p>
                <p>他名叫叶尘，是一名内门弟子。</p>
                <p>“放肆，小小―个内门弟子，竟然还敢顶撞圣主，我看你是不想活了?“</p>
                <p>旁边，一名内门长老气势很恐怖，但面色发青，很是难看，要喝止住这少年。</p>
                <p>在东荒六大圣地之一的太玄圣地主殿之中，又岂容一个小小内门弟子放肆?</p>
                <p>而且今日可是册封圣子的大事，宴请了很多大势力前来。</p>
                <p>现在可都在—边看戏呢。</p>
                <p>如果不是碍于脸面，他早—巴掌拍死这个不识趣的内门弟子了。</p>
                <p>大殿之中，一群内门弟子和真传，正指指点点，议论说着什么。</p>
                <p>看向眼前这位坚毅少年的眼神，就和看傻子—样。</p>
                <p>“这个叶尘是疯了吗?竟然跑到大殿上来说这些话?“</p>
                <p>“虽然他的实力在一众内门弟子之中倒是挺不错的。甚至还听说有位长老想把他收为真传，但现在看来，应该是没戏了。"</p>
                <p>有人忍不住讥讽道。</p>
                <p>“我看他是真的不想活了，到时候惹怒那位年轻大人，恐怕我们整个太玄圣地都要遭殃啊。”</p>
                <p>旁边的真传弟子，则是有些愤怒道，心里担忧。</p>
                <p>如果因为叶尘刚才这件事情，让那位神秘的年轻大人心生不快。</p>
                <p>到时候估计不是太玄圣地遭殃。</p>
                <p>而是整个东荒大地都要遭殃了。</p>
                <p>所以他恨不得亲自出手将叶尘击毙。</p>
                <p>—些前来观礼的大势力长老弟子，这个时候也都是—副看热闹的模样。</p>
                <p>当然，很多人都是把这个名叫叶尘的内门弟子，当做猴子看待。</p>
                <p>—个小小的内门弟子，做什么不好?</p>
                <p>偏偏要去顶撞当今的太玄圣主。</p>
                <p>“你叫叶尘是吗?我记得你，你来自天青域的一个小地方，经历百朝大战，最后才得以拜入我太玄圣地..…</p>
                <p>返回J</p>
                <p>“现在，你对我说，你要舍弃太玄圣地的身份?”</p>
                <p>而这时，一直在大殿首位方向的一名中年男子说话了。</p>
                <p>他眸子开阖间，金光一缕缕，气息如渊似海，摄人心魄，身上流淌神光，有着不怒自威的恐怖威严。</p>
                <p>很显然，这是位超级高手。</p>
                <p>正是如今太玄圣地的圣主。</p>
                <p>他—说话，整个大殿都安静了下来。</p>
                <p>前来观礼的各势力宾客们，也都不说话了。</p>
                <p>嗡!</p>
                <p>叶尘感受到—股强大的威严，额头上有汗水流淌下来。</p>
                <p>不过这个时候，他可不会服软。</p>
                <p>而且他也有着强大底气。</p>
                <p>“圣主，我只是想为圣女讨回一个公道罢了，总不能眼睁睁看着她掉入火垃坑..…”</p>
                <p>叶尘话语慷锵有力，正气凌然。</p>
                <p>说话的时候，余光不自觉看向前方的一名女子。</p>
                <p>人返回]顶部</p>
                <p>那名女子很美，五官精致绝丽。</p>
                <p>眸若秋水，眉似远黛。</p>
            </div>
        </div>
    </div> -->
    <!-- </div> -->

        <div class="swiper-container">
            <div class="swiper-wrapper">
              <div class="swiper-slide"></div>
              <div class="swiper-slide">Slide 2</div>
              <div class="swiper-slide">Slide 3</div>
              <div class="swiper-slide">Slide 4</div>
              <div class="swiper-slide">Slide 5</div>
              <div class="swiper-slide">Slide 6</div>
              <div class="swiper-slide">Slide 7</div>
              <div class="swiper-slide">Slide 8</div>
              <div class="swiper-slide">Slide 9</div>
              <div class="swiper-slide">Slide 10</div>
            </div>
            <!-- Add Pagination -->
            <div class="swiper-pagination"></div>
          </div>
          <script src="./bootstrap-3.3.7-dist/swiper-5.4.5/package/js/swiper.min.js"></script>
          <script>
            var swiper = new Swiper('.swiper-container', {
              slidesPerView: 3,
              spaceBetween: 30,
              centeredSlides: true,
              loop: true,
              pagination: {
                el: '.swiper-pagination',
                clickable: true,
              },
            });
          </script>

</body>

</html>